<template>
	<div class="sliderBar">
		<ul style="padding-top: 20px;">
			<li class="action" @click="add">添加</li>
			<li class="action" @click="restore">收藏</li>
			<li class="action" @click="deleted">删除</li>
		</ul>
	</div>
</template>
<style>
	.sliderBar{
		width:100px;
		height:100%;
		background:#30414D;
		float:left;
	}
	.action{
		padding:14px;
		color:#fff;
		text-align:center;
		cursor: pointer;
	}
	.action:hover{
		background:#4b4b4c;
		color:#d47a7a;
	}
</style>
<script>
	export default {
		data () {
			return {
				index:0
			}
		},
		computed: {

		},
		methods: {
			add () {
				this.$store.commit('ADD_NOTE')
			},
			deleted (){
				this.$store.commit('DELETE_NOTE')
			},
			restore () {
				this.$store.commit('RESTORE_NOTE')
			}
		}
	}
</script>